<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,initial-scale=1">
	<title>Document</title>
	<link rel="stylesheet" type="text/css" href="./aboutme.css">
	<link rel="stylesheet" type="text/css" href="./works.css">
</head>
<body>
	<div class="box">
		<div class="header">
			<div class="first">
				<img src="./picture/cloud.png">
                <h1>NAME</h1>
                <P>YOUR PERSONAL BLOG</P>
			</div>
			<div class="navbar">
				<div class="list"> 
					<div class="navbar_list"><a href="./index.html">关于我</a><p>About</p></div>
					<div class="navbar_list"><a href="#">作品集</a><p>Works</p></div>
					<div class="navbar_list"><a href="./contact.html">联系方式</a><p>Contact</p></div>
				</div>
				<div class="navbar_icon">
					<i></i>
					<i></i>
					<i></i>
					<i></i>
				</div>
			</div>
		</div>
		<div class="bodyer_2">
			<div class="picture">
				<img src="./picture/phone.png">
				<p>APRIL 18, 2016</p>
				<h2>Post Format: Gallery New Trend</h2>
				<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. In ius erat summo, elit nonumes euripidis eu quo, ne choro putent detraxit mea. His fugit intellegat in. Ex mea causae constituto. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
			</div>
			<div class="container">
				<h2>Design</h2>
				<p>I'm Mnell</p>
				<div class="row">
					<div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
						<div class="picture">
						<img src="./picture/wine.jpg">
						</div>
						<p>February 18, 2016</p>
						<h3>Casa Lama</h3>
						<p>Methods leading-edge innovate results virtual equity transparent premium fully backward-compatible cultivate salable cooperative. Strategize results quality directed rather professionally re-engineer</p>
					</div>
					<div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
						<div class="picture">	
						<img src="./picture/model.png">
						</div>
						<p>February 18, 2016</p>
						<h3>Doppio – Café Chair</h3>
						<p>Duis sed odio sit amet nibh vulputate cursus sit amet mauris morbi accumsan ipsum velit nam nec tellus tincidunt auctor</p>
					</div>
				</div>
				<div class="row">
					<div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
						<div class="picture">
						<img src="./picture/wine.jpg">
						</div>
						<p>February 18, 2016</p>
						<h3>Casa Lama</h3>
						<p>Methods leading-edge innovate results virtual equity transparent premium fully backward-compatible cultivate salable cooperative. Strategize results quality directed rather professionally re-engineer</p>
					</div>
					<div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
						<div class="picture">	
						<img src="./picture/model.png">
						</div>
						<p>February 18, 2016</p>
						<h3>Doppio – Café Chair</h3>
						<p>Duis sed odio sit amet nibh vulputate cursus sit amet mauris morbi accumsan ipsum velit nam nec tellus tincidunt auctor</p>
					</div>
				</div>
				<h2>Design</h2>
				<p>I'm Mnell</p>
				<div class="row">
					<div class="col-lg-4 col-md-4 col-sm-4 col-xs-6">
						<div class="picture">
							<img src="./picture/grass.jpg">
						</div>
						<p>January 21, 2016</p>
						<h2>Take a Green Break</h2>
						<p>Duis sed odio sit amet nibh vulputate cursus sit amet mauris morbi accumsan ipsum velit nam nec tellus tincidunt auctor</p>
					</div>
					<div class="col-lg-4 col-md-4 col-sm-4 col-xs-6">
						<div class="picture">
							<img src="./picture/photos.jpg">
						</div>
						<p>January 21, 2016</p>
						<h2>Leeds Juicery Branding</h2>
						<p>Duis sed odio sit amet nibh vulputate cursus sit amet mauris morbi accumsan ipsum velit nam nec tellus tincidunt auctor</p>
					</div>
					<div class="col-lg-4 col-md-4 col-sm-4 col-xs-6">
						<div class="picture">
							<img src="./picture/电脑.jpeg">
						</div>
						<p>January 21, 2016</p>
						<h2>Grand Street Loft</h2>
						<p>Business channels extensible sucking incentivize multifunctional technically vis-a-vis repurpose </p>
					</div>
					<div class="col-lg-4 col-md-4 col-sm-4 col-xs-6">
						<div class="picture">
							<img src="./picture/grass.jpg">
						</div>
						<p>January 21, 2016</p>
						<h2>Take a Green Break</h2>
						<p>Duis sed odio sit amet nibh vulputate cursus sit amet mauris morbi accumsan ipsum velit nam nec tellus tincidunt auctor</p>
					</div>
					<div class="col-lg-4 col-md-4 col-sm-4 col-xs-6">
						<div class="picture">
							<img src="./picture/photos.jpg">
						</div>
						<p>January 21, 2016</p>
						<h2>Leeds Juicery Branding</h2>
						<p>Duis sed odio sit amet nibh vulputate cursus sit amet mauris morbi accumsan ipsum velit nam nec tellus tincidunt auctor</p>
					</div>
					<div class="col-lg-4 col-md-4 col-sm-4 col-xs-6">
						<div class="picture">
							<img src="./picture/电脑.jpeg">
						</div>
						<p>January 21, 2016</p>
						<h2>Grand Street Loft</h2>
						<p>Business channels extensible sucking incentivize multifunctional technically vis-a-vis repurpose</p>
					</div>
				</div>
			</div>
		</div>
		<div class="footer">
			<div class="first">
				<img src="./picture/cloud.png">
                <h1>NAME</h1>
                <P>YOUR PERSONAL BLOG</P>
			</div>
			<div>
				<a href="./index.html">关于我</a>|<a href="#">作品集</a>|<a href="./contact.html">联系方式</a>
			</div>
			<div class="tel">
				<P> TEL：+028 189-XXXX-XXXX</P>
				<P>EMAIL: 189XXXXXXX@XXX.cn</P>
			</div>
			<div class="bottom">
				<span>&copy;响应式建站 蜀ICP备13004xxx号-4</span>
			</div>
		</div>
	</div>
</body>
</html>